@charset "utf-8";
/* NHN Web UIT development SMY 140212 */ 

/* Common */

@IMPORT url("font.css");

#box{
	height: 100%
	
}
#phone2,#phone3{
	border: 1px solid #c0c0c0;
}

body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0}
body,input,textarea,select,button,table{font-family:'돋움',Dotum, Helvetica,sans-serif;font-size:12px;-webkit-text-size-adjust:none}
img,fieldset{border:0}
ul,ol{list-style:none}
em,address{font-style:normal}
a{text-decoration:none}
a:hover,a:active,a:focus{text-decoration:underline}
.blind{visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}

body{background:#f5f6f7}
body.global,.global input,.global textarea,.global select,.global button,.global table{font-family:Arial}



/* header */
#header,#container{margin:0 10px}
#header{position:relative;height:20%;padding:62px 0 0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
#header .h_logo{display:block;overflow:hidden;width:238px;height:44px;margin:0 auto;background:url(../img/logo_2x.gif) no-repeat 0 0;background-size:238px 44px;-webkit-background-size:238px 44px;line-height:999px}
#header .h_logo1{display:block;overflow:hidden;width:238px;height:44px;margin:0 auto;background:url(../img/input_ok.gif) no-repeat 0 0;background-size:238px 44px;-webkit-background-size:238px 44px;line-height:999px}
#header .h_logo2{display:block;overflow:hidden;width:238px;height:44px;margin:0 auto;background:url(../img/modify.gif) no-repeat 0 0;background-size:238px 44px;-webkit-background-size:238px 44px;line-height:999px}

/* layout */
.row_group,.ipin_box{border:solid 1px #dadada;background:#fff;margin:10px auto;zoom:1; width:500px; }
.join_row{margin:0 auto 10px;*position:relative;padding:11px 11px 11px 13px;border-top:solid 1px #f0f0f0;background:#fff;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.join_row:first-child{border-top:none}
.group_join{margin-bottom:75px;color:#666;}
a.btn_group_join{color:#333;text-decoration:underline}
a.btn_group_join:visieted,a.btn_group_join:hover{color:#000;text-decoration:underline}

/* 공통요소 */
.ps_box{display:block;position:relative;height:10%;background:#fff url(../img/ico_join3_2x.png) 100% 0 no-repeat;background-size:97px 900px;-webkit-background-size:97px 900px}
.join_from .lbl{display:block;position:absolute;top:5px;left:0;z-index:9;font-size:15px;font-weight:bold;line-height:18px;color:#999}
.join_row .int{ position:relative;*position:absolute;*top:0;*left:0;z-index:10;padding:6px 0;width:80%;height:5%;border:none;background:#fff;font-size:15px;font-weight:bold;none;apperance:none;-webkit-apperance:none}
.join_row1 .int{border-color:#c0c0c0; border-top: 0; border-right: 0;border-bottom: 0;position:relative;*position:absolute;*top:0;*left:0;z-index:10;padding:6px 0;width:80%;height:5%;background:#fff;font-size:15px;font-weight:bold;none;apperance:none;-webkit-apperance:none}
.sel{width:50px; padding:6px 8px 6px 0;*height:auto;*margin:3px 3px 0 0; border:1px solid #c0c0c0;border-radius:0;background:#fff url(https://static.nid.naver.com/img/join/pc/sel_arr_2x.gif) 100% 50% no-repeat;background-size:20px 8px;-webkit-background-size:20px 8px;-webkit-appearance:none;-moz-appearance:none;font-size:15px;font-weight:bold;line-height:18px;color:#000;text-indent:0.01px;text-overflow:''}
.join_from .cell{display:table-cell;width:5px;padding-right:10px;background:url(https://static.nid.naver.com/img/join/pc/ico_join3_2x.png) -94px -575px no-repeat;background-size:97px 900px;-webkit-background-size:97px 900px;text-indent:-999em;*display:block;*float:left;*padding:0}


.join_birth{display:table;margin:-1px 0;*display:block;*overflow:hidden}
.bir_yy,.bir_mm,.bir_dd{display:table-cell;width:32%;table-layout:fixed;vertical-align:middle;*display:block;*float:left}
.wrg{display:none;position:absolute;top:5px;right:5px;z-index:1000;width:19px;height:19px;margin:0;padding:0;border:0;background:url(https://static.nid.naver.com/img/join/pc/sp_join.png) no-repeat 0 0;background-size:19px 19px;-webkit-background-size:19px 19px;text-indent:-999px;cursor:pointer;background-color:transparent}
.sex{display:inline-block;float:right;height:5%;margin-right:-3px;border:solid 1px #dcdcdc;*margin-top:-31px}
.join_sex{overflow:hidden;padding:8px 11px}
.row_title{display:inline-block;height:33px;margin-left:2px;font-size:15px;font-weight:bold;line-height:33px;color:#999}
.join_check .row_title{color:#000}
.global .join_name{display:table;table-layout:fixed;width:100%}
.global .join_name .name_cell{display:table-cell;background:none;table-layout:fixed;width:50%;*float:left;*width:210px}
.global .join_birth .row_title{*float:left;*width:150px;}
.global .join_birthday{padding:9px 11px 9px}
.global .join_birthday .row_title{color:#000}

.int_id,
.int_pass,
.int_pass_check,
.int_pass_step1,
.int_pass_step2,
.int_pass_step3,
.int_pass_step4,
.int_pass_check2{padding-right:95px}

.ps_box.int_id{background-position:100% -57px}
.ps_box.int_pass{background-position:100% -476px}
.ps_box.int_pass_step1{background-position:100% -126px}
.ps_box.int_pass_step2{background-position:100% -196px}
.ps_box.int_pass_step3{background-position:100% -266px}
.ps_box.int_pass_step4{background-position:100% -336px}
.ps_box.int_pass_check{background-position:100% -525px}
.ps_box.int_pass_check2{background-position:100% -406px}

.global .ps_box.int_pass_step1{background-position:100% -631px}
.global .ps_box.int_pass_step2{background-position:100% -701px}
.global .ps_box.int_pass_step3{background-position:100% -771px}
.global  .ps_box.int_pass_step4{background-position:100% -841px}

/*
.btn_join input{float: left; width:210px;border:0px solid #1eb702;height:61px;background:#0080ff url(../img/btn_join2_2x.gif) 30% 0 no-repeat;background-size:108px auto;-webkit-background-size:108px auto;text-indent:-999em;*text-indent:0;-webkit-appearance:none;}
.btn_join1 input{float: right; margin-left:30px; width:210px;height:61px;background:#0080ff url(../img/btn_reset.gif) 30% 0 no-repeat;background-size:30px auto;-webkit-background-size:108px auto;text-indent:-999em;*text-indent:0;-webkit-appearance:none; }
.btn_join4 input{float: left; margin-left:25px; width:150px;height:61px;background:#0080ff url(../img/btn_reset.gif) 30% 0 no-repeat;background-size:30px auto;-webkit-background-size:108px auto;text-indent:-999em;*text-indent:0;-webkit-appearance:none; }
.btn_join2 input{float: left; width:150px;border:0px solid #1eb702;height:61px;background:#0080ff url(../img/btn_modify.gif) 30% 0 no-repeat;background-size:30px auto;-webkit-background-size:108px auto;text-indent:-999em;*text-indent:0;-webkit-appearance:none; }
.btn_join3 input{float: right; margin-left:1px; width:150px;border:0px solid #1eb702;height:61px;background:#0080ff url(../img/btn_delete.gif) 30% 0 no-repeat;background-size:30px auto;-webkit-background-size:108px auto;text-indent:-999em;*text-indent:0;-webkit-appearance:none; }
*/
.btn_join input{float: left; color:#ffffff; width:210px;border:0px solid #1eb702;height:61px;background:#df2020; font-family: ps; font-size: xx-large;}
.btn_join1 input{float: right; color:#ffffff; margin-left:30px; width:210px;height:61px;background:#df2020 ; font-family: ps;font-size: xx-large;}
.btn_join4 input{float: left; color:#ffffff; margin-left:25px; width:150px;height:61px;background:#df2020 ;font-family: ps;font-size: xx-large;}
.btn_join2 input{float: left; color:#ffffff; width:150px;border:0px solid #1eb702;height:61px;background:#df2020 ; font-family: ps;font-size: xx-large;}
.btn_join3 input{float: right; color:#ffffff; margin-left:1px; width:150px;border:0px solid #1eb702;height:61px;background:#df2020;font-family: ps;font-size: xx-large;}




/* 성별레디오버튼 */
.jender{display:block;float:left;position:relative;z-index:10;width:84px;height:31px;border-right:solid 1px #dcdcdc}
.jender + .jender{}
.jender input{position:absolute;top:0;left:0;z-index:9;width:84px;height:5%;}
.jender label{display:block;position:absolute;top:0;left:0;z-index:10;width:84px;height:31px;line-height:32px;background:#fff;text-align:center;color:#999;cursor:pointer}
.jender input:checked + label{border:solid 1px #2eaa08;margin:-1px;z-index:100;color:#2eaa08}
.jender label.on{border:solid 1px #2eaa08;margin:-1px;z-index:100;color:#2eaa08}
.mobile_box .jender,.mobile_box .jender input,.mobile_box .jender label{width:44px}
.global .jender,.global .jender input,.global .jender label{width:85px;font-size:15px;color:#969696}
.global .jender label.on{color:#2eaa08}
